*,html,body{
    margin: 0;
    padding: 0;
}
body{
    font-family: "微软雅黑";
}
a{
    text-decoration: none;
    color: #191c1e;
}
.m{
    width: 100%;
    height: 65px;
    overflow: hidden;
    background: #191c1e;
    position: fixed;
    left:0;
    top: 0;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
    z-index: 90;
}
.m-kz{
    height: 65px;
    width: 100%;
}
.m-hide{
    top: -65px;
}
.m-wk{
    margin: 0 40px;
    height: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}
.m-l{
    height: 100%;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}
.m-logo{
    margin-right: 62px;
}
.m-logo ,.m-logo object{
    width: 125px;
}
.m-m{
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}
.m-m a{
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    font-weight: lighter;
    margin: 0 16px;
    height: 30px;
    margin-top: 12px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.m-m a i{
    height: 2px;
    width: 100%;
    background: #00bccd;
    display: block;
    margin-top: 8px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.m-m a:hover{
    color: #00bccd;
}
.m-m a:hover i{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.m-r{

    height: 100%;
    background: #00bccd;
    margin-right: -40px;
    overflow: hidden;
}
.m-r.an-l a{
    color: #FFF;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 65px;
    padding: 0 30px;
    display: block;
    background: transparent;
    z-index: 1;
    position: relative;
}
.m-r.an-l i{
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(255,255,255,0.3);
    display: block;
    margin-top: -65px;
    z-index: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.m-r.an-l:hover i{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}


/*轮播图片样式*/
.swiper-container{
    width: 100%;
    height: 600px;

}
.swiper-container .swiper-slide{
    overflow: hidden;
}
.swiper-container .slide-inner{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}
.swiper-container .swiper-pagination{
    bottom: 155px !important;
}
.swiper-container .swiper-button-white{
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.swiper-container:hover .swiper-button-white{
    opacity: 1;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet{
    width: 30px;
    height: 4px;
    border-radius: 0;
    background: rgba(255,255,255,0.2) ;
    margin: 0 8px !important;
    opacity: 1 !important;

}

.swiper-container .swiper-pagination .swiper-pagination-bullet span{
    width: 0px;
    height: 100%;
    background: rgba(255,255,255,1) ;
    display: block;

}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span{

    width: 0px ;
    -webkit-animation: mswiLoad 6s;
    -o-animation: mswiLoad 6s;
    animation: mswiLoad 6s;
}
@keyframes mswiLoad {
    from{
        width: 0px ;
    }
    to{
        width: 30px ;
    }
}
.ms-text{
    width: 1200px;
    margin: 0 auto;
    height: 470px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ms-text-l{
    display: flex;
    flex-flow: column;
    color: #fff;
}
.ms-text-l h1{
    font-size: 48px;
    font-weight: normal;
    padding: 12px 0;
}
.ms-text-l a{
    color: rgba(255,255,255,1);
    font-weight: lighter;
    display: block;
    width: 181px;
    height: 44px;
    border: 2px solid rgba(255,255,255,0.5);
    line-height: 44px;
    text-align: center;
    margin-top: 50px;
}
.ms-text-r img{
    margin-top: 50px;
}
.ms-co{
    width: 100%;

    height: 130px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    background: rgba(255,255,255,0.2);;

}
.ms-co-wrap{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
}
.ms-co-wrap .ms-co-item{
    display: inline-block;
    width: 25%;
}
.ms-co-wrap .ms-co-item:nth-child(1),.ms-co-wrap .ms-co-item:nth-child(2),.ms-co-wrap .ms-co-item:nth-child(3){
    border-right: 1px solid rgba(255,255,255,0.2);
}
.ms-co-item-c{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.ms-co-item-l i{
    font-size: 46px;
    color: #FFF;
    font-weight: lighter;
}
.ms-co-wrap .ms-co-item:nth-child(2) .ms-co-item-l i{
    font-size: 50px;
}
.ms-co-wrap .ms-co-item:last-child .ms-co-item-l i{
    font-size: 42px;
}
.ms-co-item-r{
    color: #FFF;
    margin-left: 15px;
}
.ms-co-item-r h5{
    font-size:16px ;
    font-weight: bold;
    margin-bottom: 5px;
}
.ms-co-item-r div{
    font-size: 12px;
}
.title-style{
    width: 600px;
    margin: auto;
    height: 214px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.title-style .title-style-t{
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}
.title-style .title-style-s{
    font-size: 14px;
    color: #494949;
    text-align: center;
}
.home-swiper-wk{
    width: 100%;
    background: #191c1e;
}
.home-swiper{
    margin: 0 auto;
    overflow: hidden;

    width: 1200px;
    height: 380px;
}
.home-swiper .swiper-wrapper{
    width: 100%;
   height: 100%;

}
.home-swiper .swiper-wrapper .swiper-slide{
    width: 240px !important;
    height: 380px;
    background: #191c1e;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.home-swiper .swiper-wrapper .swiper-slide:hover{
    background: #00cbde;
}
.home-swiper .swiper-wrapper .swiper-slide:hover .home-bg-i{
    margin-top: -50px;
}

.home-swiper .swiper-wrapper .swiper-slide:hover .home-bg-b{
    display: block;
    opacity: 1;
    margin-top: 120px;
}

.home-swiper .swiper-wrapper .swiper-slide .home-bg {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background-color: transparent;
}
.linbtn40{
    height: 50px;
    text-align: center;
    line-height: 68px;
    color: #FFF;
    font-size: 14px;
    font-weight: lighter;
    border: 2px solid #FFF;
    display: block;
    width: 200px;

}
.home-bg-l{
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home-bg-t{
    height: 2px;
    width: 30px;
    background: #FFF;
    margin: 30px auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home-bg-i{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home-bg-i i{
    font-size: 72px;
    color: #FFF;
}
.home-bg-b{
    /*display: none;*/
    opacity: 0;
    margin-top: 50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
}
.home-swiper-co{
    position: absolute;
    width: 1200px;
    background: transparent;
    display: flex;
    justify-content: space-between;
    /*margin-top: ;*/
}
.home-swiper-prev,.home-swiper-next{
    height: 380px;
    background: rgba(25,28,30,0.3);
    width: 40px;
    z-index: 2;
    line-height: 380px;
    text-align: center;
    cursor: pointer;
    color: rgba(255,255,255,0.6);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.home-swiper:hover .home-swiper-prev,.home-swiper:hover .home-swiper-next{
    opacity: 1;
}
.home-swiper-prev:hover,.home-swiper-next:hover{
    background: #00cbde;
    opacity: 0.8;
    color: rgba(255,255,255,1);
}
/*一站式服务样式*/
.m-yzs-wk{
    width: 1200px;
    margin: auto;
    height: 270px;
    border: 1px solid #e5e5e5;
}
.m-yzs-item{
    width: 20%;
    float: left;
    border-right: 1px solid #e5e5e5;
    height: 100%;
    margin-left: -1px;
    overflow: hidden;

}
.m-yzs-item:hover{
    box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;
}
.m-yzs-item:hover .m-yzs-item-i i{
    font-size: 72px;
}
.m-yzs-item:last-child{
    /*margin-left: 4px;*/
    width: calc(20% + 5px);
    border: none;

}

.m-yzs-item-hiden{
    display: block;
    position: absolute;
    width: 240px;
    height: 270px;
    background: #191c1e;
    margin-left: 260px;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: -1;
    /*overflow: auto;*/
}


.m-yzs-item-hiden:before{
    content: " ";
    display: block;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid #191c1e;
    position: relative;
    left: -10px;
    top: 130px;
}

.m-yzs-item:hover .m-yzs-item-hiden{
    margin-left: 238px;
    opacity: 1;
    z-index: 2;
}

.last-hiden{
    margin-left: -248px;
}
.m-yzs-item:hover .m-yzs-item-hiden.last-hiden{
    margin-left: -238px;
    opacity: 1;
    z-index: 2;
}
.m-yzs-item-hiden.last-hiden:before{
    content: " ";
    display: block;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #191c1e;
    border-right:none;
    position: relative;
    left: 238px;
    top: 130px;
}

.m-yzs-item-hiden-wk{
    height: calc(100% - 46px);
}
.m-yzs-item-hiden-wk a{
    font-size: 12px;
    padding: 6px 44px;
    width: 100%;
    color: #FFF;
    width: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.m-yzs-item-hiden-wk a:hover{
    background: #134b51;

}
.m-yzs-item:hover .m-yzs-item-hiden-wk a{
    -webkit-animation: m-yzs-a-ani 0.8s;
    -o-animation: m-yzs-a-ani 0.8s;
    animation: m-yzs-a-ani 0.8s;
}
@keyframes m-yzs-a-ani {
    from{
        margin-top: 10px;
    }
    to{
        margin-top: 0px;
    }
}
.dotdotdot{
    line-height: 24px;
}

.m-yzs-item-text{
    width: 162px;
    margin: 0 auto;
    text-align: center;
    color: #494949;
    margin-top: 50px;
    display: block;
}
.m-yzs-item-i i{
    font-size: 64px;
    color: #00cbde;
    /*-webkit-transition: all 0.5s;*/
    /*-moz-transition: all 0.5s;*/
    /*-ms-transition: all 0.5s;*/
    /*-o-transition: all 0.5s;*/
    /*transition: all 0.5s;*/
}
.m-yzs-item-t{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 30px;
}
.m-yzs-item-s{
    font-size: 12px;
}

/*案例样式*/
.anlv-list{
    width: 1260px;
    margin: 0 auto;

}
.anlv-list-group{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: 30px;
}
.anlv-list .anlv-item{
    display: block;
    width: 376px;
    height: 360px;
    overflow: hidden;
    margin-right: 30px;

}
.anlv-list  .anlv-list-group .anlv-item:last-child{
    margin-right: 0;
}
.anlv-list .anlv-item img{
    width: 376px;
    height: 254px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.anlv-list .anlv-item:hover img,.anlv-list .anlv-item:hover .anlv-text{
    /*height: 360px;*/
    filter: blur(10px);
    -ms-filter: blur(10px);
    -webkit-filter: blur(10px);
    -o-filter: blur(10px);
    -moz-filter: blur(10px);

}
.anlv-list .anlv-item .anlv-text{
    height: 100px;
}
.anlv-list .anlv-item .anlv-text .anlv-t{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
    padding-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.anlv-list .anlv-item .anlv-text .anlv-s{
    font-size: 12px;
    color: #494949;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.anlv-text-h{
    position: absolute;
    width: 380px;
    height: 360px;
    z-index: 1;
    color: #FFF;
    display: none;
    background: rgba(0,0,0,0.36);
}
.anlv-tr{
    margin: 30px;
}
.anlv-t-h{
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 35px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}
.anlv-r-h{
    font-size: 12px;
    max-height: 120px;
    margin-top: 35px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}
.anlv-t-i{
    width: 46px;
    height:  46px;
    border-radius: 50%;
    border: 1px solid #FFF;
    line-height: 46px;
    text-align: center;
    margin: auto;
    margin-top: 75px;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.anlv-t-i i{
    font-size: 24px;
}
.anlv-list .anlv-item:hover .anlv-text-h{
    display: block;
}
.anlv-list .anlv-item .anlv-text-h:hover .anlv-t-i{
    /*margin-top: 94px;*/
    opacity: 1;
}
.anlv-list .anlv-item .anlv-text-h:hover .anlv-r-h,.anlv-list .anlv-item .anlv-text-h:hover .anlv-t-h{
    margin-top: 0px;
    opacity: 1;
}
.anlv-more{
    margin: auto;
    width: 198px;
    height: 44px;
    overflow: hidden;
}
.dhb-ani{
    border: 2px solid #e5e5e5;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dhb-ani a{
    line-height: 44px;
    font-size: 14px;
    color: #494949;
    z-index: 1;
    background: transparent;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dhb-ani a,.dhb-ani i{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.dhb-ani i{
    z-index: 0;
    top: -44px;
    height: 46px;
    background: #00c6d9;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.dhb-ani:hover{
    border-color: #00c6d9;

}

.dhb-ani:hover a,.dhb-ani:hover span{
    color: #FFF !important;

}
.dhb-ani:hover i{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.dhb-ani.active{
    border-color: #00c6d9;
}
.dhb-ani.active a,.dhb-ani.active span{
    color: #FFF !important;
}
.dhb-ani.active i{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
/*新闻资讯模块*/
.homeNes{
    height: 360px;
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.homeNes-wk{
    width: 100%;
    overflow: hidden;
    height: 190px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row;
}
.homeNes-item{
    width: 336px;
}
.homeNes-item:nth-child(2){
    margin: 0 90px;
}
.homeNes-item-t{
    font-size: 24px;
    color: #888888;
    margin-bottom: 15px;

}
.homeNes-item-grop-text{
    max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.homeNes-item-grop-item{

    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
    font-size: 14px;
    color: #888888;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.homeNes-item-grop-item:hover{
    color: #000;
    border-bottom: 1px solid #000;
}

/*留言模块*/
.home-input{
    padding: 14px;
    /*border: none;*/
    outline: none;
    border: 2px solid #FFF;
}
.home-input:focus{
    border: 2px solid #00c6d9;
}
.footer-chat{
    width: 100%;
    background: #f5f5f5;
    height: 320px;
}
.footer-chat-wk{
    width: 1200px;
    margin: auto;
    height: 235px;
    overflow: hidden;
    padding-top: 45px;

}
.footer-chat .footer-chat-wk .title{
    font-size: 32px;
    color: #333333;
    margin-bottom: 30px;
}
.name,.phone,.yusuan{
    width: 240px;
    margin-right: 24px;
}
.xuqiu{
    width: 660px;
}
.name,.phone,.xuqiu{
    margin-bottom: 24px;
}
.footer-chat-group{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row;
}
.yzm{
    overflow: hidden;
    width: 248px;
    margin-right: 24px;
}
.yzmtext{
    width: 120px;
}
.yzm input{
    float: left;
}
.yzm img{
	height:100%;width:100%;
}
.submitLiuyan{
    border-color: #00c6d9;
    background: #00c6d9;
    color: #FFF;
    width: 240px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    vertical-align: bottom;
}
.submitLiuyan:focus{
    border: none;
}
.submitLiuyan:hover{
    opacity: 0.6;
}
.footer-span{
    font-size: 12px;
    padding-left: 24px;
    vertical-align: bottom;

}
.footer-hez-pic{
    width: 1200px;
    margin: auto;
    margin-bottom: 60px;
}
.footer-wxstore{
    background-color: #00c6d9;
    background-image: url("../img/a11.png");
    background-attachment: fixed;
    background-position: center;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.footer-wxstore-t{
    font-size: 32px;
    text-align: center;
    color: #FFF;
}
.footer-wxstore-b{
    width: 199px;
    height: 46px;
    margin-top: 24px;
    overflow: hidden;
}
.footer-wxstore-b.dhb-ani{
    border-color: #FFF;
}
.footer-wxstore-b a{
    color: #FFF;
}
.footer-cet{
    background-image: url("../img/a12.png");
    background-attachment: fixed;
    background-position: center;
    height: 540px;
    background-color: #191c1e;
}
.footer-cet-wk {
    height: 100%;
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
}
.footer-cet-item{
    width: 240px;
    height: 150px;
    background: rgba(29,30,31,0.9);
    overflow: hidden;
    cursor: pointer;
}
.footer-cet-item-text{
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    height: 100%;
    position: relative;
    z-index: 1;
}

.footer-cet-item-text i{
    font-size: 56px;

}
.footer-cet-item-text span{
    display: block;
    width: 90%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: lighter;

}
.footer-cet-item-bg{
    position: relative;
    z-index: 0;
    background: #00c6d9;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.footer-cet-item:hover .footer-cet-item-bg{
    top: -100%;
}
.footer{
    background: #191c1e;
    width: 100%;
    height: 60px;
    color: rgba(255,255,255,0.7);

    font-weight: lighter;
    font-size: 12px;

}
.footer-wk{
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
    align-content: center;
}
.footer-l,.footer-r{
    height: 100%;
    line-height: 60px;
}
.footer-r a{
    color: rgba(255,255,255,0.7);
    margin: 0 8px;
}
.footer-r a:hover{
    color: #00c6d9;
}

.footer-slider{
    position: fixed;
    float: right;
    right: 20px;
    bottom: 120px;
    z-index: 88;
    background: #00c6d9;
    box-shadow:0 6px 10px rgba(0,0,0,0.2);
}

.footer-slider-item{
    width: 50px;
    height: 50px;
}
.footer-slider-item .footer-slider-ico{
    font-size: 24px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
}
.footer-slider-item .footer-slider-ico i{
    font-size: 22px;
    color: #FFF;
}
.footer-slider-item .footer-slider-ico:hover{
    background: rgba(0,0,0,0.3);
    cursor: pointer;
}

.footer-slider-item .footer-slider-tc{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    display: none;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 89;
    width: 200px;
    height: 50px;
    margin-left: -220px;
    background: #FFF;
    box-shadow:6px 6px 15px rgba(0,0,0,0.2);
    color: #333;


}
@keyframes slideani {
    from{
        margin-left: -260px;
        opacity: 0;
    }
    to{
        margin-left: -220px;
        opacity: 1;
    }
}
.footer-slider-item:hover .footer-slider-tc{
    display: flex;
    -webkit-animation: slideani 1s;
    -o-animation: slideani 1s;
    animation: slideani 1s;
}
.footer-slider-item .footer-slider-tc .iconfont{
    font-size: 22px;
    color: #333333;
    margin: 0 16px;
}
.footer-slider-item .footer-slider-tc .js{
    font-size: 14px;
}
.footer-slider-item .footer-slider-tc:after{
    content: " ";
    display: block;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #FFF;
    position: absolute;
    left: 200px;
    top: 15px;
}

.footer-slider-item .footer-slider-tcerm{
    flex-flow: column;
    height: 200px;
    margin-top: -80px;
}
.footer-slider-item .footer-slider-tcerm img{
    margin-top: 25px;
}
.footer-slider-tcerm-text{
    margin-top: 10px;
}
.footer-slider-item .footer-slider-tc.footer-slider-tcerm:after{

    top: 95px;
}
.timer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.4);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: none;
    opacity: 0;

}
.timer-wk{
    width: 505px;
    height: 390px;
    color: #FFF;
    background: #1c1e20;
    padding: 50px;

}
.timer-close{
    position: absolute;
    margin-left: 435px;
    margin-top: -70px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #00c6d9;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.timer-close:hover{
    background: #134b51;
}
.timer-title{
    font-size: 24px;
    font-weight: bold;
}
.timer-span{
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 30px;
}
.timer-tel{
    padding: 10px 0;
    border-bottom: 2px solid #FFF;
    border-top: 2px solid #FFF;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 10px;
}
.timer-bu{
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin-top: 40px;
}
.timer-btChat,.timer-btOnLinChat{
    width: 160px;
    height: 46px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.timer-btChat{
    border: 2px solid rgba(255,255,255,1);
}
.timer-btChat:hover{
    border-color: #00c6d9;
    color: #00c6d9;
}
.timer-btOnLinChat{
    border: 2px solid #00c6d9;
    background: #00c6d9;

}
.timer-btOnLinChat:hover{
    background: #00def3;
    border-color: #00def3;
}



/*===*/
.m-yzs-item .m-yzs-item-i i{
    display: block;
    width: 60px;
    height: 60px;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px;
    margin: auto;
}
.m-yzs-item:nth-child(1) .m-yzs-item-i i{
     background-image: url("../img/cPC_0.png");
 }
.m-yzs-item:nth-child(2) .m-yzs-item-i i{
    background-image: url("../img/cPC_1.png");
}
.m-yzs-item:nth-child(3) .m-yzs-item-i i{
    background-image: url("../img/cPC_2.png");
}
.m-yzs-item:nth-child(4) .m-yzs-item-i i{
    background-image: url("../img/cPC_3.png");
}
.m-yzs-item:nth-child(5) .m-yzs-item-i i{
    background-image: url("../img/cPC_4.png");
}
.m-yzs-item.Dint .m-yzs-item-i i{
    background-position: 0 -1740px;
    -webkit-animation: dInt  steps(1, start) 1s ;
    -o-animation: dInt  steps(1, start) 1s ;
    animation: dInt  steps(1, start) 1s ;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes dInt {
    0.000%{background-position: 0 -0px;}3.333%{background-position: 0 -60px;}6.666%{background-position: 0 -120px;}9.999%{background-position: 0 -180px;}13.332%{background-position: 0 -240px;}16.665%{background-position: 0 -300px;}19.998%{background-position: 0 -360px;}23.331%{background-position: 0 -420px;}26.664%{background-position: 0 -480px;}29.997%{background-position: 0 -540px;}33.330%{background-position: 0 -600px;}36.663%{background-position: 0 -660px;}39.996%{background-position: 0 -720px;}43.329%{background-position: 0 -780px;}46.662%{background-position: 0 -840px;}49.995%{background-position: 0 -900px;}53.328%{background-position: 0 -960px;}56.661%{background-position: 0 -1020px;}59.994%{background-position: 0 -1080px;}63.327%{background-position: 0 -1140px;}66.660%{background-position: 0 -1200px;}69.993%{background-position: 0 -1260px;}73.326%{background-position: 0 -1320px;}76.659%{background-position: 0 -1380px;}79.992%{background-position: 0 -1440px;}83.325%{background-position: 0 -1500px;}86.658%{background-position: 0 -1560px;}89.991%{background-position: 0 -1620px;}93.324%{background-position: 0 -1680px;}96.657%{background-position: 0 -1740px;}100%{background-position: 0 -1740px;}

}

.m-yzs-item.Dout .m-yzs-item-i i{
    background-position: 0 0px;
    -webkit-animation: dOut  steps(1, start) 1s ;
    -o-animation: dOut  steps(1, start) 1s ;
    animation: dOut  steps(1, start) 1s ;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes dOut {
    0.000%{background-position: 0 -1740px;}3.333%{background-position: 0 -1740px;}6.666%{background-position: 0 -1680px;}9.999%{background-position: 0 -1620px;}13.332%{background-position: 0 -1560px;}16.665%{background-position: 0 -1500px;}19.998%{background-position: 0 -1440px;}23.331%{background-position: 0 -1380px;}26.664%{background-position: 0 -1320px;}29.997%{background-position: 0 -1260px;}33.330%{background-position: 0 -1200px;}36.663%{background-position: 0 -1140px;}39.996%{background-position: 0 -1080px;}43.329%{background-position: 0 -1020px;}46.662%{background-position: 0 -960px;}49.995%{background-position: 0 -900px;}53.328%{background-position: 0 -840px;}56.661%{background-position: 0 -780px;}59.994%{background-position: 0 -720px;}63.327%{background-position: 0 -660px;}66.660%{background-position: 0 -600px;}69.993%{background-position: 0 -540px;}73.326%{background-position: 0 -480px;}76.659%{background-position: 0 -420px;}79.992%{background-position: 0 -360px;}83.325%{background-position: 0 -300px;}86.658%{background-position: 0 -240px;}89.991%{background-position: 0 -180px;}93.324%{background-position: 0 -120px;}96.657%{background-position: 0 -60px;}100%{background-position: 0 -0px;}

}